* {
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
html {
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%
}
a, abbr, address, article, aside, audio, b, blockquote, body, caption, cite, code, dd, del, dfn, dialog, div, dl, dt, em, fieldset, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
	border:0;
	margin:0;
	outline:0;
	padding:0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	display:block
}
body {
	background: #FFF;
	font-family:"Helvetica Neue", "微软雅黑", Helvetica, Arial, sans-serif;
	font-size:14px;
	line-height:160%;
	height: 100%;
	font-weight: normal;
	letter-spacing: -0.05em;
}
body, input, button, select, textarea {
	outline:none
}
ul {
	list-style:none;
}
a {
	text-decoration: none;
	color:#131b1d;/*display:block;*/
}
a img {
	border:0 none;
}

.f_n {
	font-weight:normal;
}
.clear {
	float:none !important;
	clear:both;
}
.white, a.white {
	color:#FFF;
}
.red, a.red {
	color:#e74c3c
}
.green, a.green {
	color:#2ecc71;
}
.blue, a.blue {
	color:#0f61c9
}
.org, a.org {
	color:#faa11f
}

.bg_white {
	background:rgba(255,255,255,.96);
}
.bg_blue {
	background:#00a0e9;
}
.bg_red {
	background:#F06;
}
.bg_gray1 {
	background:#fbfbfb;
}
.bg_gray2 {
	background:#f5f5f5;
}


.box-shadow{
 -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
 -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
 -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
 -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
 box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
}
.b_1 {
	border:1px solid #000;
}
.b_2 {
	border:2px solid #000;
}
.b_gray1{
	border-color:rgba(0,0,0,0.1);
	border-style:solid;
}
.b_gray4{
	border-color:rgba(0,0,0,0.4);
	border-style:solid;
}
.b_gray8{
	border-color:rgba(0,0,0,0.8);
	border-style:solid;
}
.b_b {
	border-top: none !important;
	border-right: none !important;
	border-left: none !important;
}
.b_t {
	border-right: none !important;
	border-bottom: none !important;
	border-left: none !important;
}
.b_l {
	border-right: none !important;
	border-bottom: none !important;
	border-left: none !important;
}
.b_r {
	border-top: none !important;
	border-bottom: none !important;
	border-left: none !important;
}
.b_0 {
	border:none !important;
	box-shadow:none !important;
}

.p_4 {
	padding:.4em !important;
}
.p_5 {
	padding:.5em !important;
}
.p_8 {
	padding:.8em !important;
}
.p_LR0 {
	padding-left:0 !important;
	padding-right:0 !important;
}
.p_TB0 {
	padding-top:0 !important;
	padding-bottom:0 !important;
}
.l_h15 {
	line-height:1.5em;
}
.l_h18 {
	line-height:1.8em;
}
.w_8 {
	width:80%;
	margin:0 auto;
}
.w_9 {
	width:90%;
	margin:0 auto;
}
.fixed {
	position: fixed !important;
	width:100%;
	top: 0;
	z-index: 998;
	_position:absolute;
 	_top:expression(eval(document.documentElement.scrollTop));
	margin:0 !important;
}
.topwp {
	height:47px;
}
.hidden {
	display:none !important;
}
.block {
	display:block !important;
}
.inline {
	display:inline
}
.inline-block {
	display:inline-block
}
.boxtable{
	/* Firefox */
	display:-moz-box;
	-moz-box-orient:horizontal;
	/* Safari、Opera 以及 Chrome */
	display:-webkit-box;
	-webkit-box-orient:horizontal;
	/* W3C */
	display:box;
	box-orient:horizontal;/* 水平排列 */
}
.boxtable_cell{
	-moz-box-flex:1;
    -webkit-box-flex:1;
    box-flex:1;
}
.rel {
	position: relative;
}
.abs {
	position: absolute;
}
.indented > * {
	padding:.5333333333333333em;
}
.margined > * {
	margin:.5333333333333333em
}
.margin-top {
	margin-top:.5333333333333333em
}
.margin-right {
	margin-right:.5333333333333333em
}
.margin-bottom {
	margin-bottom:.5333333333333333em !important
}
.margin-left {
	margin-left:.5333333333333333em !important
}
.list li.margin-bottom {
	margin-bottom:.8333333333333333em !important
}

.padding-bottom {
	padding-bottom:.5333333333333333em !important;
}
.on-left {
	float:left
}
.on-right {
	float:right
}
.centered {
	text-align:center
}
.button, button {
	display:inline-block;
	border:none;
	cursor:pointer;
	text-align:center;
	background-color: #00a0e9;/*默认蓝色*/
	font-size:100%;
	line-height:2.0em;
	height:2.0em;
	padding-left:.8em;
	padding-right:.8em;
	color:#FFF;
}
.button.large, button.large {
	font-size:1.4em
}
.button.small, button.small {
	font-size:.9em;
}
.button.tiny, button.tiny {
	font-size:11px;
	line-height:2em;
	padding:0 .6em
}
.button:active, button:active {
	-webkit-box-shadow: inset 0 0 5em rgba(0, 0, 0, 0.2), inset 0 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: inset 0 0 5em rgba(0, 0, 0, 0.2), inset 0 1px rgba(0, 0, 0, 0.2);
	-ms-box-shadow: inset 0 0 5em rgba(0, 0, 0, 0.2), inset 0 1px rgba(0, 0, 0, 0.2);
	-o-box-shadow: inset 0 0 5em rgba(0, 0, 0, 0.2), inset 0 1px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 0 5em rgba(0, 0, 0, 0.2), inset 0 1px rgba(0, 0, 0, 0.2);
}
button.color, .button.color {
	background-color: #f5f5f5;
	color:#222 !important;
}
button.accept, .button.accept {
	background-color: #2ecc71;
	color:#FFF;
}
button.cancel, .button.cancel {
	background-color: #cd0000;
	color:#FFF;
}
button.warning, .button.warning {
	background-color: #FF6602;
	color:#FFF;
}
button.gray, .button.gray {
	background-color: #DDD;
	color:#222 !important;
}
button.btn_box, .button.btn_box {
	background-color: #FFF;
	color:#222 !important;
	border:1px solid #CFCFCF;
}
button.accept, button.cancel, button.warning {
	color:#FFF;
}
a.button, a.button.accept, a.button.cancel, a.button.warning {
	color:#FFF !important;
}
button[disabled], .button[disabled], button :disabled, .button :disabled, button.disabled, .button.disabled {
	background: #dadada;
	color: #999 !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	-ms-box-shadow: none !important;
	-o-box-shadow: none !important;
	box-shadow: none !important;
	-webkit-text-shadow: none !important;
	-moz-text-shadow: none !important;
	-ms-text-shadow: none !important;
	-o-text-shadow: none !important;
	text-shadow: none !important;
}
.button.anchor, button.anchor {
	width:100%;
	position:relative;
	padding:0;
}
.text.italic {
	font-style:italic
}
.text.underline {
	text-decoration:underline
}
.text.line-through {
	text-decoration:line-through
}
.text.align_left {
	text-align:left
}
.text.align_right {
	text-align:right
}
.text.align_center {
	text-align:center
}
.text.align_justify {
	text-align:justify
}
.text.tiny {
	font-size:.8em
}
.text.small {
	font-size:.9em
}
.text.bit {
	font-size:1.1em
}
.text.big {
	font-size:1.2em
}
.text.large {
	font-size:1.4em
}
.text.greater {
	font-size:1.8em
}
.text.opacity {
	opacity:.5
}
.text.bold {
	font-weight: 700;
}
.text.accept {
	color:#2ecc71;
}
.text.cancel {
	color:#e74c3c;
}
.text.warning {
	color:#FF6602;
}
h1 {
	font-size:1.6em
}
h2 {
	font-size:1.5em
}
h3 {
	font-size:1.4em
}
h4 {
	font-size:1.3em
}
.alpha_8 {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
.alpha_9 {
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}
.alpha_08 {
	filter:alpha(opacity=8);
	-moz-opacity:0.08;
	-khtml-opacity: 0.08;
	opacity: 0.08;
}
.radius {
	border-radius:5px;
}
.radius_12 {
	border-radius:12px;
}
.radius_22 {
	border-radius:22px;
}
.form label {
	color: #6d6d6d;
	font-weight: 300;
}
.form fieldset {
	background: #fff;
	border-bottom: 1px solid #e7e7e7;
}
.form input[type="text"], .form input[type="password"], .form input[type="date"], .form input[type="datetime"], .form input[type="email"], .form input[type="number"], .form input[type="search"], .form input[type="tel"], .form input[type="time"], .form input[type="url"], .form select, .form textarea, .form label.select {
	display:inline-block;
	width:94%;
	margin:.5em 0;
	padding:0 3%;
	-webkit-transition:all 100ms linear;
	-moz-transition:all 100ms linear;
	-ms-transition:all 100ms linear;
	-o-transition:all 100ms linear;
	transition:all 100ms linear;
	font-family:inherit;
	-webkit-appearance:none;
	-webkit-user-select:text;
	background:none;
	border:0;
	font-size:1.2em;
	line-height: 1.5em;
	position:relative;
}
.form textarea {
	width:94%;
	min-height: 2.5em;
}
.form fieldset > label:not(.select) {
	float: left;
	width: 30%;
	margin: .5em 0;
	line-height: 1.75em;
	color:#999;
}
.form fieldset > label + input:not([type="checkbox"]), .form fieldset > label + label.select {
	width: 66%;
	padding: 0 .3em;
}
.goodsorder .form fieldset > label:not(.select) {
	width:25% !important;
}
.goodsorder .form fieldset > label + label.select {
	width:71% !important;
}
form label.select > select, .form label.select > select {
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	-ms-border-radius: 0 !important;
	-o-border-radius: 0 !important;
	border-radius: 0 !important;
	margin: 0;
	padding: 0 !important;
	font-size:1.0em;
}
form label.select:after, .form label.select:after {
	position: absolute;
	top: .15em;
	right: .3em;
	content: "▼";
	pointer-events: none;
	text-align: center;
	font-size:1.2em;
}
form select:after, .form select:after, form label.select:after, .form label.select:after {
	color: #f20028;
}
form select:focus:after, .form select:focus:after, form label.select:focus:after, .form label.select:focus:after, form select:active:after, .form select:active:after, form label.select:active:after, .form label.select:active:after, form select:hover:after, .form select:hover:after, form label.select:hover:after, .form label.select:hover:after {
	color: #f20028;
}
.tag {
	font-size: 9px;
	min-width: 12px;
	height: 12px;
	line-height: 12px !important;
	text-align: center;
	z-index: 1;
	display: inline-block !important;
	padding:0 .1em;
	font-weight:normal;
}
.tag:not(.icon) {
 color: #fff;
 font-weight: bold;
 -webkit-text-shadow: none;
 -moz-text-shadow: none;
 -ms-text-shadow: none;
 -o-text-shadow: none;
 text-shadow: none;
}
.tag:not(.icon).count {
 -webkit-border-radius: 0.3em;
 -moz-border-radius: 0.3em;
 -ms-border-radius: 0.3em;
 -o-border-radius: 0.3em;
 border-radius: 0.3em;
 -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.25);
 -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.25);
 -ms-box-shadow: 0 0 1px rgba(0, 0, 0, 0.25);
 -o-box-shadow: 0 0 1px rgba(0, 0, 0, 0.25);
 box-shadow: 0 0 1px rgba(0, 0, 0, 0.25);
 background-color: #e74c3c;
}

.list {
	clear:both;
	width:100%
}
.list li {
	clear:both;
	background:#FFF;
	padding:.5333333333333333em;
	border-bottom:1px solid #efefef;
	position:relative;
}
.list li.thumb {
	display: -webkit-box;
}
.list li .thumbs {
	width:60px;
	height:60px;
}
.list li.thumb .divr {
	padding-left:.5em;
	position:relative;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-box-flex: 1;
	-o-box-flex: 1;
	box-flex: 1;
	overflow:hidden;
}
.list li.liicon .icon {
	display: inline-block;
	float: left;
	text-align: center;
	line-height: 1em;
	width: 24px;
	height: 24px;
	font-size: 1.4em;
	margin-right:.5em;
}
.list li.liicon.big .icon {
	width: 44px;
	height: 44px;
	background-color: #FF6602;
}
.list li.liicon.big .icon:before {
	font-size: 26px;
	line-height: 44px;
	color: #FFF;
}
.list li small {
	font-size:1.0em;
	font-style:normal;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.list li a.atd {
	display: -webkit-box;
	width:100%;
}
.list li.small .thumbs {
	width:46px;
	height:46px;
}
.list li.big .thumbs {
	width:66px;
	height:66px;
}
.noend li:last-child {
	border-bottom:none;
}
.arrow:after {
	position: absolute;
	right: .5em;
	top: 50%;
	width: .5em;
	height: .5em;
	content: '';
	border-right: .25em solid;
	border-top: .25em solid;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	margin-top:-.3em;
}
.arrow:after {
	border-color: #cfcfcf;
}
/*九宫格展示*/
.jgg {
	border-width:1px 0 0 0;
}
.jgg > li {
	float: left;
	width:33.3%;
	overflow:hidden;
	text-align: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-width:0 1px 1px 0;
}
.jgg > li a {
	display:block;
	text-align:center;
}
.jgg > li:nth-child(3n), .jgg.small > li:nth-child(4n), .jgg.tiny > li:nth-child(5n){
	border-right:none;
}
.jgg.small > li {
	width:25% !important;
}
.jgg.tiny > li {
	width:20% !important;
}

.chevron-left{ background-image: url(./chevron-left.png); background-repeat:no-repeat; background-size:60% auto; background-position:50% 50%; }
